<template>
	<view class="detailcon">
		<swiper class="swiperwrap" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item v-for="item in info.pics" :key="item.pics_id">
				<image class="swiperimg" :src="item.pics_big" ></image>
			</swiper-item>
		</swiper>
		
		
		<!-- 富文本 相当于  v-html  -->
		<rich-text :nodes="info.goods_introduce"></rich-text>
	</view>
</template>

<script>
	import { getGoodsdetail } from '../../utils/http.js'
	export default {
		data() {
			return {
				info:{}, 
			}
		},
		methods: {
			
		},
		onLoad(options) {
			console.log(options); // {goods_id: "xxxx"}
			getGoodsdetail(options).then(res=>{
				console.log(res);
				this.info = res.data.message;
			})
		}
	}
</script>

<style lang="scss">
	.detailcon{
		.swiperwrap{
			width: 100vw;
			height: 800rpx;
			.swiperimg{
				width: 100%;
				height: 100%;
			}
		}
	}
</style>
